// pages/search/search-page/index.js
// 搜索
Page({

  /**
   * 页面的初始数据
   */
  data: {
    historyList: [],
    value: "",
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {

  },
  //删除所以历史记录
  del() {
    this.setData({
      value: '',
      historyList: []
    })
    wx.setStorageSync('history', JSON.stringify(this.data.historyList));
  },

  //点击历史搜索
  onClickHistory(e) {
    let item = e.currentTarget.dataset.item;
    let index = this.data.historyList.indexOf(item);
    let historyList = this.data.historyList;
    historyList.splice(index, 1); //先移除
    historyList.unshift(item); //在最前面添加一个
    this.setData({
      value: item,
      historyList
    })
    wx.setStorageSync('history', JSON.stringify(this.data.historyList));
    wx.navigateTo({
      url: `/pages/search/search-results/index?value=${this.data.value}`,
    })
  },
  //搜索
  saerch() {
    // console.log(this.data.historyList)
    let historyList = this.data.historyList;
    if( this.data.value!=''){
      if (historyList.length) {
        console.log('111')
        historyList.unshift(this.data.value)
        if (historyList.length > 10) {
          historyList.pop();
        }
  
      } else {
        // console.log('555')
        historyList.push(this.data.value)
      }
    }
   
    this.setData({
      historyList
    })
    wx.setStorageSync('history', JSON.stringify(this.data.historyList));
    wx.navigateTo({
      url: `/pages/search/search-results/index?value=${this.data.value}`,
    })
  },
  //获取输入的值
  bindinput(e) {
    this.setData({
      value: e.detail.value
    })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    let history = wx.getStorageSync('history');
    let data = history ? JSON.parse(history) : [];
    if (data.length > 10) {
      data.splice(10, data.length - 1)


    }
    this.setData({
      historyList: data
    })
    // console.log(this.data.historyList)
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})